
<template>
    <div @click="count++">{{ count }}</div>
</template>

<script setup>
import { onMounted, ref, onUpdated, onUnmounted } from 'vue';
const count = ref(0)
console.log("setup生命周期")
// 业务A
onMounted(
    () => {

        console.log("onMounted生命周期1")
    }
)

// 业务B
onMounted(
    () => {
        console.log("onMounted生命周期2")
    }
)

onUpdated(() => {
    console.log('onUpdated生命周期')
})

onUnmounted(
    () => {
        console.log('onUnmounted生命周期')
    }
)


</script>